<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>NetBrain</title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html {
                height: 100%;
            }
            body {
                height: 80%
            }
        </style>
    </h:head>
    <h:body>
        <div id="encabezado">
            <div id="barra_herramientas">
            </div>
            <div id="firma_busqueda">
                <div id="sector">
                    <img alt="Firma Institucional"
                         src="resources/img/logo_netbrain.png" />
                </div>
            </div>
        </div>
        <div id="cuerpo_interna">
            <div class="renglon">
                <div class="cuadro K fondo_columna">
                </div>
                <div class="cuadro B">
                    <!--Formulario para los menúes-->
                    <h:form id="frmMenu">
                        <p:growl id="messages"/> 
                        <p:menubar autoDisplay="false">  
                            <p:menuitem value="Inicio" url="#" icon="home" />  
                            <p:submenu label="Configuración" icon="settings">  
                                <p:menuitem value="Instalación" url="install.jsf" />  
                                <p:menuitem value="Almacenamiento" url="storage.jsf" />
                                <p:menuitem value="Servicio web" url="#" />
                                <p:menuitem value="Estilos y Apariencia" url="#" />
                                <p:menuitem value="Idiomas disponibles" url="#" />
                                <p:menuitem value="Datos de seguridad" url="#" />
                                <p:menuitem value="Base de datos" url="#" />
                                <p:menuitem value="Tipos de archivos" url="typeFile.jsf" />
                                <p:menuitem value="Organizaciones" url="organizations.jsf" />
                            </p:submenu>  
                            <p:submenu label="Usuarios y Grupos" icon="users">  
                                <p:menuitem value="Usuarios LDAP" url="#" />
                                <p:menuitem value="Usuarios" url="#" />
                                <p:menuitem value="Grupos" url="#" />
                                <p:menuitem value="Firma electronica" url="#" />
                                <p:menuitem value="Propiedades" url="#" />
                                <p:menuitem value="Perfiles y Roles" url="profile.jsf" />
                            </p:submenu>  
                            <p:submenu label="Repositorios" icon="storage">  
                                <p:menuitem value="Repositorios" url="repositories.jsf" />  
                                <p:menuitem value="Expedientes" url="records.jsf" />
                                <p:menuitem value="Catalogos" url="catalogs.jsf" />
                            </p:submenu>  
                            <p:submenu label="Seguimiento" icon="storage">  
                                <p:menuitem value="Catalogos" url="#" />  
                                <p:menuitem value="Servicio SMTP" url="#" />
                                <p:menuitem value="Creación" url="#" />
                                <p:menuitem value="Perfiles y Roles" url="#" />
                                <p:menuitem value="Estados de flujo" url="#" />
                                <p:menuitem value="Reportes" url="#" />
                                <p:menuitem value="Notificadores" url="#" />
                            </p:submenu>                  
                            <p:menuitem value="Salir" url="login.jsf" icon="exit" />  
                        </p:menubar>
                    </h:form>
                    <hr style="visibility: hidden" />
                    <!-- Formulario para el botón de Agregar Empresa -->
                    <h:form>
                        <p:commandButton value="Agregar Empresa" onclick="norg.show()"
                                         icon="add" />                        
                    </h:form>
                    <!-- Formulario para el diálogo de Agregar Empresa -->
                    <h:form id="frmNew">
                        <p:dialog id="newOrgDialog" header="Agregar Empresa" resizable="false" widgetVar="norg"
                                  modal="true">
                            <p:growl id="newOrgGrowl" showDetail="false" sticky="true" />
                            <h:panelGrid columns="2" cellpadding="5" style="margin-bottom:10px">
                                <h:outputLabel for="nameOrg" value="Nombre de Empresa" />
                                <p:inputText value="#{organizationBean.nameOrg}" id="nameOrg" required="true" />
                                <h:outputLabel for="descOrg" value="Descripción:" />
                                <p:inputText value="#{organizationBean.descOrg}" id="descOrg" required="true" />
                            </h:panelGrid>
                            <p:commandButton id="saveOrgButton" value="Guardar" icon="save"
                                             actionListener="#{organizationBean.saveOrg()}"
                                             oncomplete="norg.hide();" update=":frmOrgs,newOrgGrowl,newOrgDialog" />
                            <p:commandButton value="Cancelar" oncomplete="newOrgDialog.hide();" icon="cancel" />
                        </p:dialog>
                    </h:form>
                    <hr style="visibility: hidden" />
                    <!-- Formulario para la tabla de registro de Empresas-->
                    <h:form id="frmOrgs">
                        <p:dataTable var="organization" value="#{organizationBean.listOrganization}" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="1,5,10,15,20,30">
                            <h:inputHidden value="#{organization.id}" />
                            <p:column headerText="Nombre de Empresa">
                                <h:outputText value="#{organization.name}" />
                            </p:column>
                            <p:column headerText="Descripción">
                                <h:outputText value="#{organization.description}" />
                            </p:column>
                            <p:column style="width:12%; text-align: center;">  
                                <p:commandButton oncomplete="editOrgDialog.show()" icon="edit" title="Editar"
                                                 update=":editOrg:editOrgDialog"
                                                 actionListener="#{organizationBean.prepareOrg(organization.id)}"/>
                                <p:commandButton icon="delete" title="Eliminar" onclick="confirmationDeleteOrg.show()"
                                                 actionListener="#{organizationBean.prepareOrg(organization.id)}"/>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                    <!-- Formulario para eliminar registro de Empresas -->
                    <h:form prependId="false">  
                        <p:growl id="deleteOrgGrowl" />
                        <p:confirmDialog id="confirmDlgDelOrg" message="¿Está seguro de querer borrar el registro de esta Empresa?"  
                                         header="Borrar Registro" severity="alert" widgetVar="confirmationDeleteOrg">  
                            <p:commandButton id="confirmDelOrg" update=":frmOrgs,deleteOrgGrowl" value="Si" 
                                             oncomplete="confirmationDeleteOrg.hide()"  
                                             actionListener="#{organizationBean.deleteOrg()}"
                                             icon="accept"/>  
                            <p:commandButton id="decline" value="No" onclick="confirmDlgDelOrg.hide()" 
                                             type="button" icon="cancel"/>
                        </p:confirmDialog>
                    </h:form>
                    <!-- Formulario para editar la información de una empresa -->
                    <h:form id="editOrg">
                        <p:dialog header="Editar Registro de Empresas" widgetVar="editOrgDialog" 
                                  resizable="false" modal="true" id="editOrgDialog">
                            <p:growl id="editOrgGrowl" showDetail="false" sticky="true" />
                            <h:panelGrid columns="2" style="margin-bottom:10px">
                                <h:outputLabel for="nameOrg" value="Nombre de Empresa" />
                                <p:inputText value="#{organizationBean.organization.name}" id="nameOrg" required="true" />
                                <h:outputLabel for="descOrg" value="Descripción:" />
                                <p:inputText value="#{organizationBean.organization.description}" id="descOrg" required="true" />
                            </h:panelGrid>
                                <p:commandButton value="Guardar" icon="save" oncomplete="editOrgDialog.hide();"
                                                 update=":frmOrgs,editOrgGrowl" actionListener="#{organizationBean.editOrg()}"/>
                                <p:commandButton value="Cancelar" oncomplete="editOrgDialog.hide();" icon="cancel" />
                        </p:dialog>
                    </h:form>
                </div>
            </div>
        </div>
        <div id="pie">
            <address>
                - ALGUNOS DERECHOS RESERVADOS
                &copy; 2012 - <a title="Políticas de privacidad" href="#">POLÍTICAS
                    DE PRIVACIDAD</a>
            </address>
        </div>
    </h:body>
</html>